<template>
	<view >
		<view class="bg-f bor-r16 padlr20 padtb24 mar-t20 flex-a ju-bt">
			<view class="block-tit f-s28">预约时间</view>
			<view class="flex-a block-time">
				<view class="mar-r6">2024-10-24 13:00～14:30</view>
				<u--image
					:showLoading="true" 
					:src="getImg('arrow-right')"
					width="16rpx" 
					height="24rpx"
				></u--image>
			</view>
		</view>
		<view class="bg-f bor-r16 padlr20 padtb24 mar-t20">
			<view class="block-tit f-s28">
				长沙爱美丽美容院-美容师
			</view>
			<u-line margin="24rpx 0"></u-line>
			<view class="flex-a user-ifno">
				<u-avatar
					:src="getImg('vip-grid-icon2')" 
					size="108rpx"
				></u-avatar>
				<view class="pad-l20">
					<view class="user-name">陈雅馨 5年资历</view>
					<view class="user-tips mar-t6">
						<text>已预约45</text>
						<text class="mar-l16">剩余845</text>
					</view>
					<view class="user-tips mar-t6">湖南长沙爱美丽美容272号 </view>
				</view>
			</view>
		</view>
		<view class="btn-box flex-center mar-t40">
			<view class="flex-center btn">预约成功</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "", //订单预约成功
		data() {
			return {
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.btn-box {
		.btn {
			width: 560rpx;
			height: 84rpx;
			background: #FF7171;
			border-radius: 12rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 32rpx;
			color: #FFFFFF;
		}
	}
	.user-ifno {
		.user-tips {
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #999999;
		}
		.user-name {
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 32rpx;
			color: #000000;
		}
	}
	.block-time {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #000000;
	}
</style>